﻿@model IEnumerable<HomeStayWebCP.Models.BusinessObject.CommentObject>
<style>
    .comment
    {
         padding: 12px;
        width: 630px;
        position: relative;
        background-color: #FCFCFC;
        border: 1px solid #C8C8C8;
        border-radius: 5px;
        font-weight: normal;
        color: #444;
        margin-bottom: 10px;
    }
    .comment .name
    {
        font-size: 17px;
        padding-bottom: 10px;
        color: #8B9EE7;
        font-weight: bold;
    }
    
    .comment .date
    {
        font-size: 10px;
        padding: 6px 0;
        position: absolute;
        right: 15px;
        top: 10px;
        color: #bbb;
    }
    
    .comment p
    {
        font-size: 14px;
        line-height: 1.5;
        overflow-x: hidden;
    }
</style>
@foreach (var item in Model)
{
    <div class="comment">
        <div class="name">@Html.DisplayFor(modelItem => item.UserName)</div>
        <div class="date">@Html.DisplayFor(modelItem => item.DateComment)</div>
        <p>@Html.DisplayFor(modelItem => item.Content)</p>
    </div>
}
